<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="/css/cart.css">
   <link rel="stylesheet" href="/libs/font/iconfont.css">
   <title>购物车</title>
</head>
<body>
   <header></header>
    <main>
        <div class="container">
            <div class="shopping" id="shopping_car">
                

            </div>

            <script type="text/html" id="srcShop">
              <table  cellspacing="0" cellpadding="0">
                <thead class="nav_shop">
                    <tr>
                        <th width="160px">
                            全选<input type="checkbox" id="all-check">
                        </th>
                        <th width="200px";>图片</th>
                        <th width="250px">商品名称</th>
                        <th width="90px">购买数量</th>
                        <th width="200px">单价</th>
                        <th width="200px">小计</th>
                        <th width="200px">删除</th>
                    </tr>
                </thead>
                <tbody class="shop_cont">
                 {{each cartList shop}}
                  <tr data-id="{{shop.id}}" class="del-btn-container">
                    <td>
                      <label class="check-label">
                          <input type="checkbox" {{shop.checked ? 'checked' : ''}} class="single-btn"/>
                          <!-- <span class="check-span">
                            <span class="check-item"></span>
                          </span> -->
                      </label> 
                    </td>
                    <td>
                        <a href="/html/detail.html?id={{shop.id}}">
                            <img src="{{shop.photo[0].url}}" alt="">
                        </a>
                        <!-- <span>{{shop.title.slice(0,5)}}</span> -->
                    </td>
                    <td>
                        <p>{{shop.title.slice(0,6)}}</p>
                    </td>
                    <td>
                        <a href="javaScript:;" class="minus">-</a>
                        <input type="text" value="{{shop.num}}" class="count">
                        <a href="javaScript:;" class="plus">+</a>  
                    </td>
                    <td>{{shop.price.toFixed(2)}}</td>
                    <td class="submoney">{{(shop.price * shop.num).toFixed(2)}}</td>
                    <td width="100px"><div class="del-btn">X</div></td>
                  </tr>
                    {{/each}}
                </tbody>
                <tfoot class="shop_submit">
                  <tr>
                      <td width="190px"></td>
                      <td width="300px" >
                          <span>商品应付金额：{{}}</span>
                          <em>￥</em>
                          <span id="Paymoney"></span>
                      </td>
                      <td width="180px">
                          <a href="javascript:;" id="indent">提交订单</a>
                      </td>
                  </tr>
                </tfoot>
              </table>
            </script>

            <div class="empty" id="cart-empty">
                <p><i class="iconfont icon-gouwuche"></i>您的购物车还没有商品!</p>
                <a href="/index.html">返回首页</a>
                <a href="/html/goodslist.html#2">去选款式</a>
            </div>
        </div>
      </main>
    <footer></footer>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/cart"></script>
</html>